<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <title>Tested Projects</title>
        <link rel="stylesheet" href="/css/results.css" type="text/css" media="screen" title="no title" charset="utf-8">
        <script type="text/javascript" charset="utf-8">
            setTimeout(function(){
                // reload after 30 seconds to show any new results
                window.location.reload();
            }, 30000);
        </script>
    </head>
    <body>
        <h1>Projects</h1>
        <ul class="projects">
            {% for project in projects %}
                <li><a href="/results/{{project.name}}">{{project.name}}</a> {{project.latest_revision.result_html}} 
                {% for run in project.latest_revision.test_results %}
                    {{run.browsername}}, 
                {% endfor %}
                </li>
            {% endfor %}
        </ul>
        {% if connected %}
        <ul class="connected">
            <h3>connected browsers</h3>
            {% for browser in connected %}
                <li>{{browser.name}}</li>
            {% endfor %}
        </ul>            
        {% endif %}
        <a href="/runner">point your browser here to help test these projects</a>
    </body>
</html>